 <style>
.com-dialog-toast.showing {
    display: block;
    opacity: 1;
    z-index: 10000;
}

.com-dialog-toast {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: fixed;
    display: none;
    opacity: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 1000;
    padding: 10px 20px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    max-width: 200px;
    font-size: 16px;
    font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "Helvetica Neue", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
.com-dialog-toast, .com-dialog-toast p {
    line-height: 1;
}
.com-dialog-toast.hiding {
    display: block;
    opacity: 0;
    -webkit-animation: ani-opa-hiding-keyframe 2s;
    animation: ani-opa-hiding-keyframe 2s;
}

.base_ground {background: {$config['formcolortop']} !important;}

 </style>
<div id="tipsdiv" class="com-dialog com-dialog-toast showing hiding">
        <div class="toast" id="tipstext"></div>
</div> 
<style>
.popup-container.popup-hidden {
    display: none;
}
.popup-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    visibility: hidden;
    z-index: 2000;
}
.popup-container.popup-showing {
    visibility: visible;
}
.popup-container .popup-mask {
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.popup-container.popup-hidden .popup {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.popup-container .popup {
    width: 250px;
    max-width: 100%;
    max-height: 90%;
    border-radius: 3px;
    background-color: #fff;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2001;
}
.popup-head {
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    text-align: center;
    background: {$config['formcolortop']};
}
.popup-poster {
    padding: 5px 10px;
    text-align: center;
    background: {$config['formcolortop']};
}
.popup-center {
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.popup-title {
    margin: 0;
    padding: 0;
    font-size: 15px;
}
.balanced {
    color: #3E3C3C;
}
.popup-body {
    padding: 10px;
    overflow: auto;
    text-align: center;
}
.popup-body img {
    width: 100%;
}
.popup-body img {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}

.popup-body-poster {
    overflow: auto;
    background: #333;
}
.popup-body-poster img {
    max-width: 100%;
}
.popup-body-poster img {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}

</style>
<div class="popup-container imginfo popup-hidden" _v-20df1406="">
	<div class="popup-mask"></div>
	<div class="popup">
		<div class="popup-head">
            <h3 class="popup-title" style="color: #fff;font-size: 16px;" onclick="callphone()">
                客服专线: <strong id="themedh" style="color: #fff; font-weight: bold;font-size: 18px;">{$theme['mobile']}</strong>
            </h3>
		</div>
        {if !empty($workername)}
        <div class="popup-center">
            <h3 class="popup-title" style="color: #3E3C3C;font-size: 14px;" onclick="callphone2()">
                您的专属客服:{$workername}</strong>
            </h3>
            <h3 class="popup-title" style="color: #3E3C3C;font-size: 14px;" onclick="callphone2()">
                电话: <strong id="themedh" class="balanced" style="color: #3E3C3C; font-weight: bold;font-size: 16px;">{$workermobile}</strong>
            </h3>
        </div>
        {/if}
		<div class="popup-body">
			<img class="full-image" style="text-align: center;pointer-events:auto;" src="{php echo empty($workerqr)?$config['kfewm']:$workerqr;}" id="infoimg">
            <h4 class="popup-title" id="" style="text-align: center; ">
                <strong class="balanced" style="font-weight: bold;font-size: 12px;" id="imginfotext">保存到本地</strong>
            </h4>
		</div>
	</div>
</div>

<div class="popup-container imgposter popup-hidden" _v-20df1406="">
    <div class="popup-mask"></div>
    <div class="popup">
        <div class="popup-poster">
            <h3 class="popup-title" style="color: #fff;font-size: 12px;">
                ↓请&#38271;&#x6309;图片，选择保存到手机↓</strong>
            </h3>
            <h3 class="popup-title" style="color: #fff;font-size: 12px;">
                把图片&#20998;&#x4eab;到朋&#21451;&#x5708;或&#x597d;&#21451;，邀请&#x597d;&#21451;参与</strong>
            </h3>
        </div>
        <div class="popup-body-poster">
            <img class="full-image" style="pointer-events:auto;" id="posterimg">
        </div>
    </div>
</div>

<script>
function doing(content){
    $("#tipstext").text(content);
    $("#tipsdiv").removeClass("hiding");
}

function end(){
    $("#tipsdiv").addClass("hiding");
}


function tips(content){
    $("#tipstext").text(content);
    $("#tipsdiv").removeClass("hiding");
    setTimeout('$("#tipsdiv").addClass("hiding")', 2500);
}

function tips2(info,url) {
    tips(info);
    setTimeout("window.location.href='" + url + "'", 2000);
  }
</script>
<script>
    function callphone(){
        window.location.href = "tel://{$theme['mobile']}";
    }
    function callphone2(){
        window.location.href = "tel://{$workermobile}";
    }
function showfollowewm(){
	$(".followewm").removeClass("popup-hidden").addClass("popup-showing active");
}

$(".popup-mask").on("click", function(){
	$(".followewm").removeClass("popup-showing active").addClass("popup-hidden");
});

function showimgposter(info,src){
    $("#posterimg").attr("src",src);
    $(".imgposter").removeClass("popup-hidden").addClass("popup-showing active");
}


function showimginfo(info){
	$("#imginfotext").text(info);
	// $("#infoimg").attr("src",src);
	$(".imginfo").removeClass("popup-hidden").addClass("popup-showing active");
}

$(".popup-mask").on("click", function(){
	$(".imginfo").removeClass("popup-showing active").addClass("popup-hidden");
    $(".imgposter").removeClass("popup-showing active").addClass("popup-hidden");
});

</script>
<script type="text/javascript">

function showkfewm(){
    {if empty($workerqr)}
        {if empty($config['kfewm'])}
          showimginfo('');
        {else}
          showimginfo('微信在线咨询');
        {/if}
    {else}
      showimginfo('专属客服微信');
    {/if}
}
var load = false;
function showposter(){
    {if empty($myposter['poster']) }
        tips("{$waittips}");
    {/if}

    if(load){
        return false;
    }
    load = true;
    $.ajax({
        type:'POST',
        data:{},
        dataType : "json",
        url:'/{php echo createMobileUrl("poster",array("themeid"=>$themeid,"op"=>"action","isyixuan"=>$isyixuan,"fromuid"=>$fromuid,"fopenid"=>$fopenid,"recordid"=>intval($recordid)));}',
        success:function(data){
            load = false;
            var data = data.message;
            if(data.errcode == 0){
                showimgposter('&#38271;&#x6309;保存',data.img);
            }else{
                tips(data.msg);
            }
        }
    });
}

</script>